<template>
  <radio-button class="m-radio-button" v-bind="$attrs" v-on="$listeners">
    <slot/>
  </radio-button>
</template>

<script>
import { RadioButton } from 'element-ui'

export default {
  name: 'm-radio-button',
  components: { RadioButton }
}
</script>

<style lang="scss" scoped>
@import "~@/assets/style/common.scss";

/deep/ .el-radio-button__orig-radio:checked+.el-radio-button__inner {
  background-color: $theme-color-1;
  border-color: $theme-color-1;
  box-shadow: -1px 0 0 0 $theme-color-1;
}
/deep/ .el-radio-button__inner:hover {
  color: $theme-color-1;
}
/deep/ .el-radio-button__orig-radio:checked+.el-radio-button__inner:hover {
  color: #fff;
}
</style>
